﻿/*MAIN DIVS=======================================================*/
.DFNW-HeaderAndToolbar {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 60px;
    overflow: hidden;
    padding: 8px;
    white-space: nowrap;
}

.DFNW-Buttons {
    position: absolute;
    top: 60px;
    bottom: 0px;
    right: 0px;
    width: 60px;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 7px;
}

.DFNW-ListsWrapper {
    position: absolute;
    top: 60px;
    left: 0px;
    right: 60px;
    bottom: 0px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.DFNW-List {
    height: 100%;
    border: 1px rgb(255, 201, 28) solid;
    -ms-overflow-style: none;
}

.DFNW-Leistungen {
    position: relative;
    height: 40%;
}

.DFNW-LeistungenHeaderAndToolbar {
    position: absolute;
    top: 0px;
    right: 200px;
    left: 0px;
    height: 60px;
}

.DFNW-LeistungenList {
    position: absolute;
    top: 60px;
    right: 200px;
    left: 0px;
    bottom: 0px;
    border: 1px rgb(255, 201, 28) solid;
    -ms-overflow-style: none;
}

.DFNW-Save {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 200px;
    overflow: hidden;
}

.dialog-wrapper {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/*MAIN DIVS=======================================================*/
/*Title*/
.DFNW-Title
{
    color:gold;
    font-size:20px;
    font-weight:bold;
}
.DFNW-Info
{
    float:left;
    color: rgb(117, 72, 2);
    font-size: 15px;
    width:280px;
}
.DFMN-Info-red
{
    color:red;
}
/*Buttons=========================================================*/

.DFNW-ButtonsSeparetor {
    height: 50%;
    background-color: grey;
    width: 1px;
    margin-left: 30px;
    display: inline-block;
}

.DFNW-saveButton {
    position: absolute;
    bottom: 10px;
    width: 100px;
    height: 100px;
}
/*Buttons=========================================================*/
/*DFNW-Lists======================================================*/
.DFNW-MassnahmeList {
    position: relative;
    height: 60%;
}

.DFNW-List li {
    position: relative;
}

.DFNW-ListItemText {
    margin-right: 130px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.DFNW-List button {
    position: absolute;
    top: 5px;
    right: 80px;
}

.DFNW-ListItemTimeSpan {
    width: 116px;
    display: inline-block;
}

.DFNW-ListItemDetails {
    margin-left: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.DFNW-List .tick {
    position: absolute;
    color: green;
    right: 40px;
    top: 10px;
}

/*DFNW-LeistungenList======================================================*/
.DFNW-LeistungenHeaderAndToolbar h2 {
    margin-right: 200px;
    text-overflow: ellipsis;
    float: none;
    overflow: hidden;
    white-space: nowrap;
}

.DFNW-Leistungen > .overflowIndicator {
    right: 205px;
}

.DFNW-Leistungen .leistungenButtons {
    position: absolute;
    right: 0px;
    top: 5px;
}

.DFNW-LeistungenList-item {
    margin-right: 40px;
}

.DFNW-LeistungenList .tick {
    position: absolute;
    right: 35px;
    top: 5px;
}

.DFNW-LeistungenList li {
    position: relative;
    padding-top: 10px;
}

.DFNW-Leistungen-zeitbereich {
    position: absolute;
    right: 80px;
    margin-top: -8px;
    font-size: smaller;
}

.DFNW-ListWrapper
{
    height:100%;
}
.DFNW-Leistung-description
{
    margin-right:100px;
}
/*DFNW-Lists======================================================*/
/*DFNW-Lists massnahme/leistung items colors according to massnahme type */
.medicine {
    color: #8a2be2;
}
.EinzelfallMassnahme {
    color: #4D6CD6;
}

.ZusatzMassnahme {
    color: #398F00;
}

.FBMassnahme {
    color: #B80000;
}

.Medikament {
    color: #8a2be2;
}

.EinzelfallMedikament {
    color: #C462B7;
}

.Aufsicht {
    color: #E36600;
}

.Behandlungsauftrag {
    color: #BA8E6A;
}

.EinzelfallBehandlungsauftrag {
    color: #A8660A;
}

.Termin {
    color: #FF2424;
}

.Pflegeplanung/*default*/ {    

}
.SpezialMedikament {    
}

.Zeitpunkt {
}

/*DFNW-Windows====================================================*/
.einzelfallList {
    max-height: 500px;
    overflow-y: auto;
}
/*MassnahmenFilter*/
.von-input{
    width:120px;
}

/*New Einzelfall*/
.Leistungen {
    display: inline-block;
    vertical-align: top;
}

    .Leistungen .box {
        white-space: normal;
        display: block;
        background-color: white;
        border-radius: 10px;
        border: 1px solid;
        padding: 10px;
        height: 300px;
        width: 190px;
        overflow-y: auto;
        overflow-x: hidden;
            -ms-overflow-style: none;
    }

.buttonImage {
    width: 30px;
    height: 30px;
}

.DFNW-subOptions {
    margin-left: 25px;
    max-height: 180px;
}
/*DFNW-Animations====================================================*/
.DFNW-orange-selected {
    background-color: rgb(255, 127, 39);
    color: white;
    padding-left: 5px;
    padding-right: 5px;
}

@keyframes anim-DFNW-changed {
    100% {
        background-color: rgb(47, 143, 10);
    }
}

@-webkit-keyframes anim-DFNW-changed {
    100% {
        background-color: rgb(47, 143, 10);
    }
}

@keyframes anim-DFNW-changed-not {
    100% {
        background-color: rgb(217, 11, 11);
    }
}

@-webkit-keyframes anim-DFNW-changed-not {
    100% {
        background-color: rgb(217, 11, 11);
    }
}

.DFNW-StatusChanged-ok {
    /*performance*/
    backface-visibility: hidden;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    /*animation*/
    animation: anim-DFNW-changed 0.5s ease-out;
    -webkit-animation: anim-DFNW-changed 0.5s ease-out;
}

.DFNW-StatusChanged-notok {
    /*performance*/
    backface-visibility: hidden;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    /*animation*/
    animation: anim-DFNW-changed-not 0.5s ease-out;
    -webkit-animation: anim-DFNW-changed-not 0.5s ease-out;
}
